<template>
    <div>

        <bar1 title="商城"></bar1>
        <van-tabs :active="active" animated>
            <van-tab title="推荐">
                <div style="display: flex;">
                    <van-search v-model="value" placeholder="请输入搜索关键词" style="flex: 1;" @click="router.push('/search')"/>
                    <p @click="router.push('/clas')"> 
                        <van-icon name="list-switch" size="25" style="margin: top 1rem; " />
                        更多
                    </p>

                </div>



                <swipe></swipe>
            </van-tab>
            <van-tab title="美食">内容 2</van-tab>
            <van-tab title="运动">内容 3</van-tab>
            <van-tab title="保健品">内容 4</van-tab>
            <van-tab title="内衣">内容 4</van-tab>
            <van-tab title="更多">内容 4</van-tab>
        </van-tabs>



    </div>
</template>

<script setup>
import swipe from '@/components/swipe.vue';
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
import bar1 from '@/components/bar1.vue';
</script>

<style lang="scss" scoped></style>